import Config from './Config.js';
import Area from "./Area.js";
import Status from "./Status.js";

// 描述一个方块，方块块在区域内，所以要引入Area.js
export default class Block{
    constructor(x=0,y=0,width=Config.blockSize,height=Config.blockSize,imgUrl = Config.blockDefaultImageUrl){
        super(x,y,width,height);
        this.x=x;
        this.y=y;
        this.width=width;
        this.height=height;
        this.imageUrl=imgUrl;
        // 要把图片画到画布上，就必须有图片对象
        this.image=new Image();
        this.image.src=this.imgUrl;
        this.isReady=false;
        // 要等图片加载过来才可以画到画布上
        this.image.onload=()=>{
            this.isReady=true;
        }
    } 
    // 给方块对象添加一个渲染的方法，让他可以出现在页面上
    render(context){
        // context是一个画笔对象，用于画东西
        if(this.isReady){
            // context.drawImage(图片对象,x坐标,y坐标,图片宽度,图片高度);
            context.drawImage(this.image,this.x,this.y,this.width,this.height);
        }
    }
}